﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link href="~/static/h-ui/css/H-ui.min.css" rel="stylesheet" />
    <link href="~/static/h-ui.admin/css/H-ui.login.css" rel="stylesheet" />
    <link href="~/static/h-ui.admin/css/style.css" rel="stylesheet" />
    <link href="~/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" />
    <script src="~/lib/jquery/1.9.1/jquery.min.js"></script>
    <title>在线考试系统-个人信息</title>
    <meta name="keywords">
    <meta name="description">
</head>
<body>
    <div class="page-container">
        <article class="page-container">
            <form class="form form-horizontal" id="form-article-add">
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">学院：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <span class="select-box">
                            <select name="articlecolumn" id="College" class="select" onchange="CollegeChange()">
                                <option value="0">请选择</option>
                                @foreach (var item in ViewBag.College)
                                {
                                    <option value="@item.ID">@item.College_Name</option>
                                }
                            </select>
                        </span>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">方向：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <span class="select-box">
                            <select name="articletype" id="Major" class="select">
                                <option value="0">请选择</option>
                            </select>
                        </span>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2">阶段：</label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <span class="select-box">

                            <select name="articletype" id="Course" class="select">
                                @foreach (var item in ViewBag.Course)
                                {
                                    <option value="@item.ID">@item.Course_Name</option>
                                }
                            </select>
                        </span>
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-4 col-sm-2"></label>
                    <div class="formControls col-xs-8 col-sm-9">
                        <input type="submit" value="查询" />
                    </div>
                </div>
            </form>
        </article>
        <div class="col-md-8 col-md-offset-2">
            <table class="table table-border table-bordered table-hover table-bg mt-20">
                <thead>
                    <tr>
                        <th colspan="4" scope="col">试题信息</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>题库编号</td>
                        <td>题库名称</td>
                        <td>单元</td>
                        <td>查看详情</td>
                    </tr>
                    <tr>
                        <td>1 </td>
                        <td>PMP项目管理</td>
                        <td>1单元 </td>
                        <td><input type="button" value="查看详情" /></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>
<script>
    //根据学院编号获取对应的专业
    function CollegeChange() {
        var collegeID = $("#College").val();
        $.ajax({
            type: "post",
            url: "/Admin/MajorList",
            data: { ID: collegeID },
            success: function (data) {
                if (data.length > 0) {
                    data = eval(data);
                    $("#Major").empty();
                    var html = "";
                    for (var i = 0; i < data.length; i++) {
                        html += "  <option value='" + data[i].ID + "'>" + data[i].Major_Name + "</option>";
                    }
                    $("#Major").append(html);
                }
            }
        });
    }
</script>